@import "./color";
@import "./mixins";
@import './normalize';
@import './animate';
html,body{width:100%;height:100%;}
body {font-family: sans-serif;font-size:.3rem;background-color: $bgColor;}
#app {-webkit-font-smoothing: antialiased;}
/*弹性盒子*/
.box{display: flex;position:relative;}
.box-f1{flex: 1;}
.box-ac{align-items: center}
.box-jc{justify-content: center}
.box-ver{flex-direction: column}

.w-p100{width:100%;}
.h-p100{height:100%}
.hide{display: none !important;}
/*浮动+清除浮动*/
.fr{float: right} .fl{float: left}
.clear:after{content:'';display:block;clear: both}
/*文字超出显示省略号*/
.ell{overflow: hidden;white-space: nowrap; text-overflow: ellipsis}
.tx-c{text-align: center;}
.tx-r{text-align: right;}
.tx-l{text-align: left;}
.of-x-s{overflow-x: scroll;-webkit-overflow-scrolling: touch;}
.of-y-s{overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.of-y-h{overflow-y:hidden;}
.bor-none{border:none !important;}
.bg-img1,.icon{ @include bg-size(contain); }
.tc-main{color:$themeColor;}
.bc-fff{background-color: #FFF;}

#__vconsole{
  font-size:.24rem !important;
}

.bg-blur{
  position: fixed;
  top:0;
  left:0;
  z-index:88;
  width:100%;
  height:100%;
  @include bg-size(100% 100%);
  @include bg-image('../images/bg-blur');
}

.pop{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate3d(-50%,-50%,0);
}
.pop-header{
  padding:.38rem .45rem;
  .icon-left,.icon-right{
    position: relative;
    width:.87rem;
    height:.92rem;
  }
  .icon-close{
    @include bg-image('../images/icon-close');
  }
  .icon-blue{
    @include bg-image('../images/icon-blue');
  }
}
.pop-content{
  color:#000;
  padding-left:.72rem;
  padding-right:.72rem;
  font-size:.3rem;
  font-weight:600;
  line-height:.42rem;
}
.icon-button{
  margin:0 auto;
  width:4.08rem;
  height:.95rem;
}
.icon-button-know{
  margin-bottom:.67rem;
  margin-top:.4rem;
  @include bg-image('../images/icon-button-know');
}

.icon-tips-title{
  height:.49rem;
  width:1rem;
  @include bg-image('../images/icon-tips-title')
}
